<!DOCTYPE html>
<html lang="en"   >
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_604068_1ppj2mrtj5kfyldi.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
    <link rel="stylesheet" href="https://jqweui.cn/dist/demos/css/demos.css ">
    <script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
    <link href="/static/css/css.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="/static/mui/css/mui.css">
    <script src="/static/mui/js/mui.js"></script>


    <style>
        a{color: black}

    div    .weui-cell__ft:after {
            content: " ";
            display: inline-block;
            height: 6px;
            width: 6px;
            border-width: 2px 2px 0 0;
            border-color: #c8c8cd;
            border-style: solid;
            -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
            transform: matrix(.71,.71,-.71,.71,0,0);
            position: relative;
            top: -2px;
            position: absolute;
            top: 50%;
            margin-top: -4px;
            right:15px;
        }
    </style>
</head>
<body>

<nav class="mui-bar mui-bar-tab"   style="background: white">
    <a class="mui-tab-item mui-active" href="#tabbar">
        <span class="mui-icon icon icon-fangzi222"></span>
        <span class="mui-tab-label ">首页</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-shop">
        <span class="mui-icon   icon icon-shangpin"></span>
        <span class="mui-tab-label">商品</span>
    </a>

    <a class="mui-tab-item" href="#tabbar-my">
        <span class="mui-icon   icon icon-wode"></span>
        <span class="mui-tab-label">我的</span>
    </a>

</nav>


<div class="mui-content">
    <!--首页开始-->
    <div id="tabbar" class="mui-control-content mui-active">
        <!--头部开始-->
        <header class="mui-bar mui-bar-nav"  style="height: 50px;line-height: 50px;background:white;" >
            <a class="city"    style="position: absolute;left: 1rem;color: black" href="/static/changecity.html">北京</a>
            <a class="icon   icon-dianhua"   href="tel:4000-766-177" style="position: absolute;right:1.5rem;color: gray" ></a>
        </header>

        <!--轮播图开始  -->
        <div id="slider" class="mui-slider" >
            <div class="mui-slider-group mui-slider-loop">
                <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
                <div class="mui-slider-item mui-slider-item-duplicate">
                    <a href="#">
                        <img src="/static/images/yuantiao.jpg">
                    </a>
                </div>
                <!-- 第一张 -->
                <div class="mui-slider-item">
                    <a href="#">
                        <img src="https://imgs.ikongjian.com//upload/ckeditor//20180312/0baea069d441b2609073c3f85c7f1378.jpeg">
                    </a>
                </div>
                <!-- 第二张 -->
                <div class="mui-slider-item">
                    <a href="#">
                        <img src="https://imgs.ikongjian.com//upload/ckeditor//20180116/0d8b3aa7744c490820d5dffdd68eae4b.jpg">
                    </a>
                </div>
                <!-- 第三张 -->
                <div class="mui-slider-item">
                    <a href="#">
                        <img src="https://imgs.ikongjian.com//upload/ckeditor//20171222/aceded411112c9f3770f52a623505f26.jpg">
                    </a>
                </div>

                <!-- 第四张 -->
                <div class="mui-slider-item">
                    <a href="#">
                        <img src="https://imgs.ikongjian.com//upload/ckeditor//20180323/4742348dafbfefa495db1988202b29cc.jpg">
                    </a>
                </div>
                <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
                <div class="mui-slider-item mui-slider-item-duplicate">
                    <a href="#">
                        <img src="/static/images/shuijiao.jpg">
                    </a>
                </div>
            </div>
            <div class="mui-slider-indicator"  >
                <div class="mui-indicator mui-active"></div>
                <div class="mui-indicator"></div>
                <div class="mui-indicator"></div>
                <div class="mui-indicator"></div>

            </div>
        </div>
        <!--轮播图结束  -->

        <!--栅格菜单开始-->
        <div>
            <ul class="mui-table-view mui-grid-view mui-grid-9"  style="background: white;" >
                <li class="mui-table-view-cell mui-media mui-col-xs-4 "><a href="#">
                    <span  ><img   style="width: 45px;height: 45px" src="/static/images/menu1.png"></span>
                    <div class="mui-media-body">臻品套餐</div></a></li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 "><a href="#">
                    <span  ><img   style="width: 45px;height: 45px" src="/static/images/menu2.png"></span>
                    <div class="mui-media-body">装修直播厅</div></a></li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 "><a href="#">
                    <span  ><img   style="width: 45px;height: 45px" src="/static/images/menu3.png"></span>
                    <div class="mui-media-body">所用主材</div></a></li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 "><a href="xzx.html">
                    <span  ><img   style="width: 45px;height: 45px" src="/static/images/menu4.png"></span>
                    <div class="mui-media-body">学装修</div></a></li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 "><a href="#">
                    <span  ><img   style="width: 45px;height: 45px" src="/static/images/menu5.png"></span>
                    <div class="mui-media-body">产业工人</div></a></li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 "><a href="tel:15139390960">
                    <span  ><img   style="width: 45px;height: 45px" src="/static/images/menu6.png"></span>
                    <div class="mui-media-body">在线咨询</div></a></li>
            </ul>
        </div>
        <!--栅格菜单结束-->

        <!--装修流程开始-->
        <div  style="margin-top:5px;background: white;">
            <div  style="text-align: center;border-bottom: 0.01rem solid gainsboro;height: 40px;line-height: 40px">
                装修流程
            </div>
            <div>
                <ul class="mui-table-view mui-grid-view mui-grid-9"  style="background: white;" >

                    <li class="mui-table-view-cell mui-media mui-col-xs-9 "><a href="#">
                        <span  ><img   style="width: 110%;height: 50px" src="/static/images/zxlct.png" ></span>
                        <div class="mui-media-body"><span >线上预约</span>   <span  style="margin-left: 10%"> 邀请到店</span>  <span  style="margin-left: 10%">上门量房</span></div></a></li>

                    <li class="mui-table-view-cell mui-media mui-col-xs-3 "><a href="#">
                        <span  ><img   style="width: 45px;height: 50px" src="/static/images/zxjc2.jpg" ></span>
                        <div class="mui-media-body">完整流程</div></a></li>
                </ul>
            </div>
        </div>
        <!--装修流程结束-->


        <!--热门案例开始-->
        <div  style="margin-top: 5px;background: white;">
            <div  style="text-align: center;border-bottom: 0.01rem solid gainsboro;height: 40px;line-height: 40px">
                热门案例
            </div>

            <a href="#"> <div   style=" background: url('/static/images/timg4.jpg')   no-repeat ;  background-size: 100%;width: 100%;height: 150px;text-align: center">
                <div  style="padding-top: 65px;color: white;font-size: 20px" >美丽经典园</div>
                <div  style="padding-top: 25px ;color: white;font-size: 15px">三居室   107.00㎡</div>
              </div></a>
            <a href="#"> <div   style=" background: url('/static/images/timg5.jpg')   no-repeat ;  background-size: 100%;width: 100%;height: 150px;text-align: center">
                <div  style="padding-top: 65px;color: white;font-size: 20px" >大唐盛世花园</div>
                <div  style="padding-top: 25px ;color: white;font-size: 15px">四居室   140.00㎡</div>
            </div></a>
                <a href="#">  <div   style=" background: url('/static/images/timg6.jpg')   no-repeat ;  background-size: 100%;width: 100%;height: 150px;text-align: center">
                <div  style="padding-top: 65px;color: white;font-size: 20px" >同润菲诗艾伦</div>
                <div  style="padding-top: 25px ;color: white;font-size: 15px">三居室   118.00㎡</div>
            </div></a>
            <a  href="#"><div   style="height: 40px;line-height: 40px;text-align: center;clear: both;font-size: 12px">查看更多</div></a>
        </div>
        <!--热门案例结束-->

        <!--直播厅开始-->
        <div  style="margin-top: 5px;background: white;">
            <div  style="text-align: center;border-bottom: 0.01rem solid gainsboro;height: 40px;line-height: 40px">
                直播厅
            </div>

            <div    style="height: 80px;border-bottom: 0.01rem solid gainsboro;">
                <a href="#">  <span   style="width: 35%;float: left;">
          <img  style="width: 90%;height: 80px;padding: 5px"   src="/static/images/timg.jpg">
       </span>
                    <span style="width: 60%;float: left;padding: 5px">
           <span>回龙观龙腾苑三区</span><br>
           <span style="font-size: 13px" >刘先生    78.5㎡</span><br>
           <span  style="font-size: 13px">开工日期：    2017/05/02</span>
       </span></a>
            </div>


            <div    style="height: 80px;border-bottom: 0.01rem solid gainsboro;clear: both">
                <a href="#">

       <span   style="width: 35%;float: left;">
          <img  style="width: 90%;height: 80px;padding: 5px"   src="/static/images/timg1.jpg">
       </span>
                    <span style="width: 60%;float: left;padding: 5px">
           <span>世茂梦想家</span><br>
           <span style="font-size: 13px" >朱先生    78.5㎡</span><br>
           <span  style="font-size: 13px">开工日期：    2017/05/02</span>
       </span></a>
            </div>


            <div    style="height: 80px;border-bottom: 0.01rem solid gainsboro;clear: both">
                <a  href="#">
       <span   style="width: 35%;float: left;">
          <img  style="width: 90%;height: 80px;padding: 5px"   src="/static/images/timg2.jpg">
       </span>
                    <span style="width: 60%;float: left;padding: 5px">
           <span>江东新村公寓·佳和园</span><br>
           <span style="font-size: 13px" >李先生    78.5㎡</span><br>
           <span  style="font-size: 13px">开工日期：    2017/05/02</span>
       </span></a>
            </div>

            <a  href="#"><div   style="height: 40px;line-height: 40px;text-align: center;clear: both;font-size: 12px">查看更多</div></a>
        </div>
        <!--直播厅结束-->

        <!--学装修开始-->
        <div  style="margin-top: 5px;background: white;">
            <div  style="text-align: center;border-bottom: 0.01rem solid gainsboro;height: 40px;line-height: 40px">
                学装修
            </div>
            <div    style="height: 100px;border-bottom: 0.01rem solid gainsboro;clear: both;padding: 10px">
                <a  href="#"  >
                    <div   style="width: 35%;float: left;">
                        <img  style="width: 90%;height: 80px;padding: 5px"   src="/static/timg2.jpg">
                    </div>
                    <div style="width: 60%;float: left;padding: 5px;">
                        <span>细数厨房装修的7宗罪</span>
                        <div   style="margin-top: 30px;position: relative">  <span  style="font-size: 8px">装修那些事</span>   <span  style="position: absolute;right: -10px;font-size: 8px"  class="icon icon-hj">   333</span></div>
                    </div>
                </a>
            </div>

            <a  href="#"><div   style="height: 40px;line-height: 40px;text-align: center;clear: both;font-size: 12px">查看更多</div></a>
        </div>
        <!--学装修结束-->

    </div>
    <!--首页结束-->
    <!--商品开始-->
    <div id="tabbar-shop" class="mui-control-content ">
        商品页面
    </div>
    <!--商品结束-->

    <!--我的开始-->
    <div id="tabbar-my" class="mui-control-content "  >
                <div class="page__bd"  style="">
                    <div class="weui-panel weui-panel_access"  style="background: url('/static/images/timg1.jpg') no-repeat;   background-size:100%;height: 180px">

                        <div class="weui-panel__bd"   style="margin-top: 100px">
                            <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                                <div class="weui-media-box__hd">
                                    <img class="weui-media-box__thumb" style="border-radius: 50px;"  src="" alt="">
                                </div>
                                <div class="weui-media-box__bd">
                                    <h4 class="weui-media-box__title"  style="color: white;">15136595605</h4>
                                    <p class="weui-media-box__desc"  style="color: white;">晚上好！打开音乐让自己放松一下吧</p>
                                </div>
                            </a>

                        </div>

                    </div>



                    <div class="weui-cells__title">我是工人</div>
                    <div class="weui-cells">

                      <a    href="my_wallet.html"> <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <span  class="icon  icon-wodeqianbaoshangjia" alt="" style="width:20px;margin-right:5px;display:block"></span>
                            </div>
                            <div class="weui-cell__bd">
                                <p>我的钱包</p>
                            </div>
                            <div class="weui-cell__ft"></div>
                        </div></a>

                        <a   href="my_work.html"> <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <span  class="icon  icon-gongzuojihua" alt="" style="width:20px;margin-right:5px;display:block"></span>
                            </div>
                            <div class="weui-cell__bd">
                                <p>我的工作</p>
                            </div>
                            <div class="weui-cell__ft"></div>
                        </div></a>

                    </div>

                    <div class="weui-cells__title">我是商家</div>
                    <div class="weui-cells">

                        <a   href="my_order.html"> <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <span  class="icon  icon-dingdan1" alt="" style="width:20px;margin-right:5px;display:block"></span>
                            </div>
                            <div class="weui-cell__bd">
                                <p>我的订单</p>
                            </div>
                            <div class="weui-cell__ft"></div>
                        </div></a>

                        <a   href="my_coupon.html"> <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <span  class="icon  icon-youhuiquanwenzi" alt="" style="width:20px;margin-right:5px;display:block"></span>
                            </div>
                            <div class="weui-cell__bd">
                                <p>优惠券操作</p>
                            </div>
                            <div class="weui-cell__ft"></div>
                        </div></a>

                    </div>



                    <div class="weui-cells__title">我是监工</div>
                    <div class="weui-cells">

                        <a   href="my_jg_program.html"> <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <span  class="icon  icon-xiangmuguanli1" alt="" style="width:20px;margin-right:5px;display:block"></span>
                            </div>
                            <div class="weui-cell__bd">
                                <p>我的项目</p>
                            </div>
                            <div class="weui-cell__ft"></div>
                        </div></a>


                    </div>

                    <div class="weui-cells__title">我是项目经理</div>
                    <div class="weui-cells">

                        <a   href="my_program.html"> <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <span  class="icon  icon-icon-project" alt="" style="width:20px;margin-right:5px;display:block"></span></div>
                            <div class="weui-cell__bd">
                                <p>所有项目</p>
                            </div>
                            <div  class="weui-cell__ft">   </div>
                        </div>

                        </a>
                    </div>


                    <div class="weui-cells">

                        <a   href="my_yuyue.html"> <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <span  class="icon  icon-yuyue" alt="" style="width:20px;margin-right:5px;display:block"></span></div>
                            <div class="weui-cell__bd">
                                <p>我的预约</p>
                            </div>
                            <div class="weui-cell__ft"></div>
                        </div></a>

                        <a  href="my_list.html"> <div class="weui-cell">
                            <div class="weui-cell__hd"><span  class="icon icon-qingdan" alt="" style="width:20px;margin-right:5px;display:block"></span></div>
                            <div class="weui-cell__bd">
                                <p>材料清单</p>
                            </div>
                            <div class="weui-cell__ft"></div>
                        </div></a>

                    </div>
                    <div class="weui-cells">

                        <a    href="my_collect.html"> <div class="weui-cell">
                            <div class="weui-cell__hd"><span  class="icon  icon-shoucang" alt="" style="width:20px;margin-right:5px;display:block"></span></div>
                            <div class="weui-cell__bd">
                                <p>我的收藏</p>
                            </div>
                            <div class="weui-cell__ft"></div>
                        </div></a>

                        <a  href="my_costcount.html"> <div class="weui-cell">
                            <div class="weui-cell__hd"><span  class="icon  icon-jisuan" alt="" style="width:20px;margin-right:5px;display:block"></span></div>
                            <div class="weui-cell__bd">
                                <p>装修费用计算</p>
                            </div>
                            <div class="weui-cell__ft"></div>
                        </div></a>

                    </div>
                    <div class="weui-cells">

                        <a   href="tel:15139399605" > <div class="weui-cell"  >
                            <div class="weui-cell__hd"><span  class="icon  icon-shouhou1" alt="" style="width:20px;margin-right:5px;display:block"></span></div>
                            <div class="weui-cell__bd">
                                <p>销售咨询、售后保修</p>
                            </div>
                            <div class="weui-cell__ft"></div>
                        </div></a>

                        <a   href="tel:15139399605" > <div class="weui-cell">
                            <div class="weui-cell__hd"><span  class="icon  icon-tousu" alt="" style="width:20px;margin-right:5px;display:block"></span></div>
                            <div class="weui-cell__bd">
                                <p>我要投诉</p>
                            </div>
                            <div class="weui-cell__ft"></div>
                        </div></a>

                    </div>





                </div>
    </div>
    <!--我的结束-->
</div>


</body>

<script type="text/javascript" charset="utf-8">
    //轮播图
    var gallery = mui('.mui-slider');
    gallery.slider({
        interval:3000//自动轮播周期，若为0则不自动播放，默认为0；
    });
</script>
</html>







































